﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    color: var(--cinza-marimex);
}

:root {
    --azul-marimex-tonalidade-1: #0D6BA6;
    --azul-marimex-tonalidade-2: #4590BF;
    --azul-marimex-tonalidade-3: #448aff;
    --azul-marimex-claro-tonalidade-1: #05C7F2;
    --azul-marimex-claro-tonalidade-2: #72DBF2;
    --branco-marimex: #F2F2F2;
    --cinza-marimex: #676a6c;
}

/* Texto & Parágrafos */
.container {
    max-width: 1140px;
    margin: auto;
    background-color: var(--branco-marimex);
}


input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border: 2px solid var(--azul-marimex-tonalidade-1);
    /* Cor da borda quando não está selecionado */
}

    input[type="checkbox"]:checked {
        background-color: var(--azul-marimex-tonalidade-2);
        /* Cor de fundo quando está selecionado */
    }

.checkbox label {
    color: var(--cinza-marimex);
    /* Cor do texto do label */
    margin-left: 15px;
    /* Espaçamento entre o botão de rádio e o texto do label */
    font-size: 20px;
    /* Tamanho da fonte do label */
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid var(--azul-marimex-tonalidade-1);
    /* Cor da borda quando não está selecionado */
}


    input[type="radio"]:checked {
        background-color: var(--azul-marimex-tonalidade-2);
        /* Cor de fundo quando está selecionado */
    }

/* Estilo do label */
.radio-inline label {
    color: var(--cinza-marimex);
    /* Cor do texto do label */
    margin-left: 10px;
    /* Espaçamento entre o botão de rádio e o texto do label */
    font-size: 15px;
    /* Tamanho da fonte do label */
}


.nav-line {
    width: 60px;
    height: 1px;
    margin: 60px auto 4px;
    border-bottom: 2px solid var(--azul-marimex-tonalidade-3);
}

.container main h1 {
    display: block;
    margin: 0rem 0;
    font-size: 30px;
    padding-bottom: 30px;
}

.container main p {
    font-size: 15px;
    text-align: justify;
}

.container .paragrafo {
    padding-bottom: 20px;
}

/* Regimes - Importação e Exportação */

h2 {
    margin-bottom: 15px;
    color: var(--azul-marimex-tonalidade-1);
    font-size: 20px;
}

h3 {
    color: var(--azul-marimex-tonalidade-1);
    font-size: 15px;
}

h4 {
    color: var(--azul-marimex-tonalidade-1)
}



#dataInicialArmazenagemImportacao,
#dataFinalArmazenagemImportacao,
#limparQtDiasImportacao,
#dataInicialArmazenagemExportacao,
#dataFinalArmazenagemExportacao {
    display: inline-block;
    justify-content: center;
    gap: inherit;
}


.aproximacao {
    margin-top: -25px;
}

.aproximacao1 {
    margin-top: -20px;
    margin-left: 15px;
}

#dataDesovaLCLImportacao,
#dataSaidaCargaSoltaLCLImportacao,
#qtdDiasDesovaLCLImportacao {
    display: inline-block;
}


ul {
    margin: 10px;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 1000px;
    li

{
    margin: 5px 0;
    position: relative;
}

}

.qty .contadorBLImportacao,
.qty .contadorPalletsLCLImportacao,
.qty .contadorPalletsFCLContainer20Importacao,
.qty .contadorPalletsFCLContainer40Importacao,
.qty .contadorPalletsCargaSoltaImportacao,
.qty .contadorPalletsCargaSoltaExportacao {
    color: var(--cinza-marimex);
    display: inline-block;
    vertical-align: top;
    font-size: 25px;
    font-weight: 600;
    line-height: 5px;
    padding: 0 5px;
    min-width: 35px;
    text-align: center;
    border: none;
    width: 40%;
}

.qty .incrementoBLImportacao,
.qty .incrementoQtdPalletsLCLImportacao,
.qty .incrementoQtdPalletsFCLContainer20Importacao,
.qty .incrementoQtdPalletsFCLContainer40Importacao,
.qty .incrementoQtdPalletsCargaSoltaImportacao,
.qty .incrementoQtdPalletsCargaSoltaExportacao {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: var(--branco-marimex);
    width: 30px;
    height: 30px;
    font: 30px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
}

.qty .decrementoBLImportacao,
.qty .decrementoQtdPalletsLCLImportacao,
.qty .decrementoQtdPalletsFCLContainer20Importacao,
.qty .decrementoQtdPalletsFCLContainer40Importacao,
.qty .decrementoQtdPalletsCargaSoltaImportacao,
.qty .decrementoQtdPalletsCargaSoltaExportacao {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: var(--branco-marimex);
    width: 30px;
    height: 30px;
    font: 30px/1 Arial, sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
}

.qty input:focus {
    box-shadow: 0 0 0 0;
    outline: 0;
}

.decrementoBLImportacao,
.decrementoQtdPalletsLCLImportacao,
.decrementoQtdPalletsFCLContainer20Importacao,
.decrementoQtdPalletsFCLContainer40Importacao,
.decrementoQtdPalletsCargaSoltaImportacao,
.decrementoQtdPalletsCargaSoltaExportacao,
.incrementoBLImportacao,
.incrementoQtdPalletsLCLImportacao,
.incrementoQtdPalletsFCLContainer20Importacao,
.incrementoQtdPalletsFCLContainer40Importacao,
.incrementoQtdPalletsCargaSoltaImportacao,
.incrementoQtdPalletsCargaSoltaExportacao {
    background-color: var(--azul-marimex-tonalidade-1) !important;
}



.contador {
    border: none;
    width: 10%;
    text-decoration-color: #0D6BA6;
}


.desova {
    display: flex;
    gap: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:disabled {
    background-color: var(--branco-marimex);
}

.btn-default {
    background-color: var(--azul-marimex-tonalidade-1);
    color: var(--branco-marimex);
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: var(--branco-marimex);
        color: var(--azul-marimex-tonalidade-1);
    }

.mensagem {
    color: var(--azul-marimex-tonalidade-1);
    font-size: 15px;
}

#secaoContainer20FCL,
#secaoContainer40FCL,
#secaoFlatRackFCLImportacao,
#secaoAgendamentoLCL,
#secaoAgendamentoFCL,
#secaoAgendamentoCargaSoltaImportacao,
#secaoPaletizacaoCargaSoltaLCL,
#secaoDesovaContainer20Sim,
#secaoPaletizacaoCargaSoltaFCLContainer20Importacao,
#secaoDesovaContainer40Sim,
#secaoPaletizacaoCargaSoltaFCLContainer40Importacao,
#secaoPaletizacaoCargaSoltaImportacao {
    display: none;
}

@media only screen and (max-width: 768px) {
    .responsividade {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .radio-align {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .responsividade-classificacaoCarga{
        margin-left: 16px;
    }

    .checkbox label {
        color: var(--cinza-marimex);
        /* Cor do texto do label */
        margin-left: -4px;
        /* Espaçamento entre o botão de rádio e o texto do label */
        font-size: 20px;
        /* Tamanho da fonte do label */
    }

    .qty .contadorBLImportacao,
    .qty .contadorPalletsLCLImportacao,
    .qty .contadorPalletsFCLContainer20Importacao,
    .qty .contadorPalletsFCLContainer40Importacao,
    .qty .contadorPalletsCargaSoltaImportacao,
    .qty .contadorPalletsCargaSoltaExportacao {
        color: var(--cinza-marimex);
        display: inline-block;
        vertical-align: top;
        font-size: 25px;
        font-weight: 600;
        line-height: 5px;
        padding: 0 5px;
        min-width: 35px;
        text-align: center;
        border: none;
        width: 75%;
    }
}
